<style type="text/css">
    .relawanBox {
        border: 1px solid #d4ccb0;
        background-color: #fbfaf3;
        height: 87.35px;
        padding: 9px;
        margin: 0.8em 0px;
    }

    .relawanBox img {
        height: 100%;
        max-width: 80px;
        float: right;
        margin-left: 1em;
    }
    
    .relawanBox .relawanDetail {
        display: inline-block;
        max-width: 13em;
    }

    .side-right {
        width: 259px;
    }
</style>
<h1 style="margin-top: 0.55em; width: 7em; display: inline-block;">Relawan PS</h1>
<!--a href="<?php echo site_url("home/listrelawan"); ?>" style="float: right; margin-top: 1.05em;">Lihat semua</a-->
<?php foreach ($relawanList as $relawan) { ?>
    <div class="relawanBox">
        <div class="relawanDetail">
            <h2 style="margin: 0px;"><a href="javascript:void(0);"><?php echo $relawan->display_name; ?></a></h2>
            <?php echo $relawan->group_name; ?>
        </div>
        <img src="<?php echo ($relawan->display_pic ? $relawan->display_pic->tmb : ""); ?>"/>
    </div>
<?php } ?>